<script>
/*
 * @Author: Your name
 * @Date:   2020-07-08 22:07:44
 * @Last Modified by:   Your name
 * @Last Modified time: 2020-07-24 17:41:52
 */
</script>
<template>
    <swiper class="swiperHeight">
        <swiper-item v-for="item in topImages" :key="item">
            <img :src="item" alt="" @load="imgIsLoad">
        </swiper-item>
    </swiper>
</template>
<script>
import {Swiper, SwiperItem} from '../../../components/common/swiper/index.js';
import {getDetailMessage} from '../../../network/detail.js';
export default {
    name: 'DetailSwiper',
    props:{
      id:{
        type: String,
        default() {
          return ''
        }
      },
      topImages: {
        type: Array,
        default() {
          return []
        }
      }
    },
    methods: {
      imgIsLoad(){
        this.$emit('detailSwiperLoad');
      }
    },
    components: {
        Swiper,
        SwiperItem
    }
}
</script>
<style lang="css">
    .swiperHeight{
      height: 300px;
    }
</style>